home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Equivalents / rgb-converter.izs < prev    next >
Text File  |  2005-09-27  |  7KB  |  280 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Hex-RGB Converter 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>This script converts hex to rgb color or vice versa!<!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Equivalents<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13. <!-- HOW TO INSTALL HEX-RGB CONVERTER:
  14.  
  15.   1.  Copy code into the HEAD section of document
  16.   2.  Put last coding into the BODY section of document  -->
  17.  
  18. <!-- STEP ONE: Add code into HEAD section of document  -->
  19.  
  20. <HEAD>
  21.  
  22. <SCRIPT LANGUAGE="JavaScript">
  23. <!-- Original:  Ryan Sokol -->
  24. <!-- Web Site:  http://www.logicode.net -->
  25.  
  26.  
  27.  
  28. <!-- Begin
  29. function NumToHex(num1,num2) {
  30. strNum=document.forms[0].elements[num1].value;
  31. for(i = 0; i < strNum.length; i++) {
  32. chr=strNum.substring(i, i + 1);        
  33. if((isNaN(chr))||(chr == ' ')) {
  34. alert('You must enter a digit between 0 and 9!');
  35. document.forms[0].elements[num1].select();
  36. document.forms[0].elements[num2].value='';
  37. return false;
  38.    }
  39. }
  40. if(strNum > 255) {
  41. alert('You must enter a number between 0 and 255!');
  42. document.forms[0].elements[num1].select();
  43. document.forms[0].elements[num2].value='';
  44. return false;
  45. }
  46. else {
  47. base = strNum / 16;
  48. rem = strNum % 16;
  49. base = base - (rem / 16);
  50. baseS = MakeHex(base);
  51. remS = MakeHex(rem);
  52. document.forms[0].elements[num2].value=baseS + '' + remS;
  53. ChangeBackground(3, 4, 5);
  54. return true;
  55.    }
  56. }
  57. function MakeHex(x) {
  58. if((x >= 0) && (x <= 9))
  59. return x;
  60. else {
  61. switch(x) {
  62. case 10: return "A"; 
  63. case 11: return "B";  
  64. case 12: return "C";  
  65. case 13: return "D";  
  66. case 14: return "E";  
  67. case 15: return "F";  
  68.       }
  69.    }
  70. }
  71. function HexToNum(num1,num2) {
  72. numberS = document.forms[0].elements[num1].value;
  73. tens = MakeNum(numberS.substring(0,1));
  74. if(tens == 'X') {
  75. document.forms[0].elements[num1].select();
  76. document.forms[0].elements[num2].value='';
  77. return false;
  78. }
  79. ones = 0;
  80. if(numberS.length > 1) // means two characters entered
  81. ones=MakeNum(numberS.substring(1,2));
  82. if(ones == 'X') {
  83. document.forms[0].elements[num1].select();
  84. document.forms[0].elements[num2].value='';
  85. return false;
  86. }
  87. document.forms[0].elements[num2].value = (tens * 16) + (ones * 1);
  88. document.forms[0].elements[num1].value = document.forms[0].elements[num1].value.toUpperCase();
  89. ChangeBackground(3, 4, 5);
  90. return true;
  91. }
  92. function MakeNum(str) {
  93. if((str >= 0) && (str <= 9))
  94. return str;
  95. switch(str.toUpperCase()) {
  96. case "A": return 10;
  97. case "B": return 11;
  98. case "C": return 12;
  99. case "D": return 13;
  100. case "E": return 14;
  101. case "F": return 15;
  102. default:  alert('You must choose a number between 0 and 9 or a letter between A and F!');
  103. return 'X';
  104.    }
  105. }
  106. function ChangeBackground(num1, num2, num3) {
  107. document.bgColor = '#'+document.forms[0].elements[num1].value + document.forms[0].elements[num2].value + document.forms[0].elements[num3].value;
  108. }
  109. //  End -->
  110. </script>
  111.  
  112. </HEAD>
  113.  
  114. <!-- STEP TWO: Add code into BODY section of document  -->
  115.  
  116. <BODY>
  117.  
  118. <form>
  119. <table border=1 align=center cellpadding=10 bgcolor=white>
  120. <tr>
  121. <th>Color/Code</th>
  122. <th>Red</th>
  123. <th>Green</th>
  124. <th>Blue</th>
  125. </tr>
  126. <tr>
  127. <th>0-255</th>
  128. <td><input type=text name=rr_num size=4 maxlength=3 onKeyUp="return NumToHex(0,3);"></td>
  129. <td><input type=text name=gg_num size=4 maxlength=3 onKeyUp="return NumToHex(1,4);"></td>
  130. <td><input type=text name=bb_num size=4 maxlength=3 onKeyUp="return NumToHex(2,5);"></td>
  131. </tr>
  132. <tr>
  133. <th>HEX</th>
  134. <td><input type=text name=rr_hex size=4 maxlength=2 onKeyUp="return HexToNum(3,0);"></td>
  135. <td><input type=text name=gg_hex size=4 maxlength=2 onKeyUp="return HexToNum(4,1);"></td>
  136. <td><input type=text name=bb_hex size=4 maxlength=2 onKeyUp="return HexToNum(5,2);"></td>
  137. </tr>
  138. </table>
  139. </form>
  140.  
  141. <!-- END OF SCRIPT -->
  142. <!/SCRIPT>
  143.  
  144. <!PREVIEW>
  145. <!-- START OF SCRIPT -->
  146.  
  147.  
  148. <!-- HOW TO INSTALL HEX-RGB CONVERTER:
  149.  
  150.   1.  Copy code into the HEAD section of document
  151.   2.  Put last coding into the BODY section of document  -->
  152.  
  153. <!-- STEP ONE: Add code into HEAD section of document  -->
  154.  
  155. <HEAD>
  156.  
  157. <SCRIPT LANGUAGE="JavaScript">
  158. <!-- Original:  Ryan Sokol -->
  159. <!-- Web Site:  http://www.logicode.net -->
  160.  
  161.  
  162.  
  163. <!-- Begin
  164. function NumToHex(num1,num2) {
  165. strNum=document.forms[0].elements[num1].value;
  166. for(i = 0; i < strNum.length; i++) {
  167. chr=strNum.substring(i, i + 1);        
  168. if((isNaN(chr))||(chr == ' ')) {
  169. alert('You must enter a digit between 0 and 9!');
  170. document.forms[0].elements[num1].select();
  171. document.forms[0].elements[num2].value='';
  172. return false;
  173.    }
  174. }
  175. if(strNum > 255) {
  176. alert('You must enter a number between 0 and 255!');
  177. document.forms[0].elements[num1].select();
  178. document.forms[0].elements[num2].value='';
  179. return false;
  180. }
  181. else {
  182. base = strNum / 16;
  183. rem = strNum % 16;
  184. base = base - (rem / 16);
  185. baseS = MakeHex(base);
  186. remS = MakeHex(rem);
  187. document.forms[0].elements[num2].value=baseS + '' + remS;
  188. ChangeBackground(3, 4, 5);
  189. return true;
  190.    }
  191. }
  192. function MakeHex(x) {
  193. if((x >= 0) && (x <= 9))
  194. return x;
  195. else {
  196. switch(x) {
  197. case 10: return "A"; 
  198. case 11: return "B";  
  199. case 12: return "C";  
  200. case 13: return "D";  
  201. case 14: return "E";  
  202. case 15: return "F";  
  203.       }
  204.    }
  205. }
  206. function HexToNum(num1,num2) {
  207. numberS = document.forms[0].elements[num1].value;
  208. tens = MakeNum(numberS.substring(0,1));
  209. if(tens == 'X') {
  210. document.forms[0].elements[num1].select();
  211. document.forms[0].elements[num2].value='';
  212. return false;
  213. }
  214. ones = 0;
  215. if(numberS.length > 1) // means two characters entered
  216. ones=MakeNum(numberS.substring(1,2));
  217. if(ones == 'X') {
  218. document.forms[0].elements[num1].select();
  219. document.forms[0].elements[num2].value='';
  220. return false;
  221. }
  222. document.forms[0].elements[num2].value = (tens * 16) + (ones * 1);
  223. document.forms[0].elements[num1].value = document.forms[0].elements[num1].value.toUpperCase();
  224. ChangeBackground(3, 4, 5);
  225. return true;
  226. }
  227. function MakeNum(str) {
  228. if((str >= 0) && (str <= 9))
  229. return str;
  230. switch(str.toUpperCase()) {
  231. case "A": return 10;
  232. case "B": return 11;
  233. case "C": return 12;
  234. case "D": return 13;
  235. case "E": return 14;
  236. case "F": return 15;
  237. default:  alert('You must choose a number between 0 and 9 or a letter between A and F!');
  238. return 'X';
  239.    }
  240. }
  241. function ChangeBackground(num1, num2, num3) {
  242. document.bgColor = '#'+document.forms[0].elements[num1].value + document.forms[0].elements[num2].value + document.forms[0].elements[num3].value;
  243. }
  244. //  End -->
  245. </script>
  246.  
  247. </HEAD>
  248.  
  249. <!-- STEP TWO: Add code into BODY section of document  -->
  250.  
  251. <BODY>
  252.  
  253. <form>
  254. <table border=1 align=center cellpadding=10 bgcolor=white>
  255. <tr>
  256. <th>Color/Code</th>
  257. <th>Red</th>
  258. <th>Green</th>
  259. <th>Blue</th>
  260. </tr>
  261. <tr>
  262. <th>0-255</th>
  263. <td><input type=text name=rr_num size=4 maxlength=3 onKeyUp="return NumToHex(0,3);"></td>
  264. <td><input type=text name=gg_num size=4 maxlength=3 onKeyUp="return NumToHex(1,4);"></td>
  265. <td><input type=text name=bb_num size=4 maxlength=3 onKeyUp="return NumToHex(2,5);"></td>
  266. </tr>
  267. <tr>
  268. <th>HEX</th>
  269. <td><input type=text name=rr_hex size=4 maxlength=2 onKeyUp="return HexToNum(3,0);"></td>
  270. <td><input type=text name=gg_hex size=4 maxlength=2 onKeyUp="return HexToNum(4,1);"></td>
  271. <td><input type=text name=bb_hex size=4 maxlength=2 onKeyUp="return HexToNum(5,2);"></td>
  272. </tr>
  273. </table>
  274. </form>
  275.  
  276. <!-- END OF SCRIPT -->
  277. <!/PREVIEW>
  278.  
  279. <!RELATED>NONE<!/RELATED>
  280.